<!DOCTYPE html>
<html lang="en">
<head>
		<meta charset="UTF-8">
	<title>简单树形菜单</title>

	<link rel="stylesheet" href="css/SimpleTree.css"/>
	<script type="text/javascript" src="js/jquery-3.4.0.min.js"></script>
	<script type="text/javascript" src="js/SimpleTree.js"></script>
	<script type="text/javascript">
	$(function(){

		$(".st_tree").SimpleTree({
	
			/* 可无视代码部分*/
			click:function(a){
				if(!$(a).attr("hasChild"))
				alert($(a).attr("ref"));
			}
		
		});
	});
</script>

</head>
<body>



<div class="st_tree" style="width:400px;margin:0 auto;">
	<ul>
		<li><a href="#" ref="xtgl">东方市组织部</a></li>
		<ul show="true">
			<li><a href="#" ref="ckgl">党委</a></li>
			<ul show="true">
				<li><a href="#" ref="fhgl">党总支1</a></li>
				<ul show="true">
					<li><a href="#" ref="yhgl">第一党支部</a></li>
					<li><a href="#" ref="rzck">第二党支部</a></li>
					<li><a href="#" ref="rzck">第三党支部</a></li>
					<li><a href="#" ref="rzck">第四党支部</a></li>
					<li><a href="#" ref="rzck">第五党支部</a></li>
					<li><a href="#" ref="rzck">第六党支部</a></li>
					<li><a href="#" ref="rzck">第七党支部</a></li>
					<li><a href="#" ref="rzck">第八党支部</a></li>
					<li><a href="#" ref="rzck">第九党支部</a></li>
					<li><a href="#" ref="rzck">第十党支部</a></li>
				</ul>
				<li><a href="#" ref="fhgl">党总支2</a></li>
				<ul>
					<li><a href="#" ref="yhgl">第一党支部</a></li>
					<li><a href="#" ref="rzck">第二党支部</a></li>
					<li><a href="#" ref="rzck">第三党支部</a></li>
					<li><a href="#" ref="rzck">第四党支部</a></li>
					<li><a href="#" ref="rzck">第五党支部</a></li>
					<li><a href="#" ref="rzck">第六党支部</a></li>
					<li><a href="#" ref="rzck">第七党支部</a></li>
					<li><a href="#" ref="rzck">第八党支部</a></li>
					<li><a href="#" ref="rzck">第九党支部</a></li>
					<li><a href="#" ref="rzck">第十党支部</a></li>
				</ul>
				<li><a href="#" ref="fhgl">党总支3</a></li>
				<ul>
					<li><a href="#" ref="yhgl">第一党支部</a></li>
					<li><a href="#" ref="rzck">第二党支部</a></li>
					<li><a href="#" ref="rzck">第三党支部</a></li>
					<li><a href="#" ref="rzck">第四党支部</a></li>
					<li><a href="#" ref="rzck">第五党支部</a></li>
					<li><a href="#" ref="rzck">第六党支部</a></li>
					<li><a href="#" ref="rzck">第七党支部</a></li>
					<li><a href="#" ref="rzck">第八党支部</a></li>
					<li><a href="#" ref="rzck">第九党支部</a></li>
					<li><a href="#" ref="rzck">第十党支部</a></li>
				</ul>
			</ul>
		</ul>
	</ul>
</div>

</body>
</html>
